<template>

<!--  <div>-->
<!--    <button @click="handleAutoTakeOff">自动起飞</button>-->
<!--    <button @click="handleLand">降落</button>-->
<!--  </div>-->

  <div id="app" style="width: 100vw;height: 100vh">
<!--    <DrawingCanvas />-->
        <test />
  </div>
</template>

<script setup>
// import DrawingCanvas from './components/DrawingCanvas.vue';
import test from './components/test.vue';

</script>

<style>
html, body, #app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  //overflow: hidden; /* 确保没有滚动条 */
}

#app {
  background-color: #f5f5f5;
}
</style>
<!--<script>import axios from 'axios';-->

<!--export default {-->
<!--  methods: {-->
<!--    handleAutoTakeOff() {-->
<!--      axios.get('http://localhost:9090/drone/setAutoTakeOff')-->
<!--          .then(response => {-->
<!--            console.log('自动起飞请求成功', response);-->
<!--            // 处理成功响应的逻辑-->
<!--          })-->
<!--          .catch(error => {-->
<!--            console.error('自动起飞请求失败', error);-->
<!--            // 处理请求失败的逻辑-->
<!--          });-->
<!--    },-->
<!--    handleLand() {-->
<!--      axios.get('http://localhost:9090/drone/sendLandCommand')-->
<!--          .then(response => {-->
<!--            console.log('降落请求成功', response);-->
<!--            // 处理成功响应的逻辑-->
<!--          })-->
<!--          .catch(error => {-->
<!--            console.error('降落请求失败', error);-->
<!--            // 处理请求失败的逻辑-->
<!--          });-->
<!--    }-->
<!--  }-->
<!--}-->

<!--</script>-->